<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="description" content="蓝聘APP,服务蓝领群体，真实、可靠、值得信赖的招聘服务平台，提供记工时、查工资、企业点评、无偿借支等多项功能，线上、线下全方位服务，让蓝领人士在求职的路上不再坎坷." />
		<meta name="keywords" content="蓝聘app，蓝聘网络科技，服务蓝领，真实，可靠，值得信赖，记工时，查工资，企业点评，找工作，无偿借支，蓝领求职，智能求职，蓝聘网，大和蓝聘网，大和" />
		<title>蓝聘,专注蓝领人士的求职服务！</title>
		<link rel="shortcut icon" href="img/icon/logo_favicon.ico">
		<link rel="stylesheet" href="css/login/regist.css" />
	</head>

	<body>
		<div class="wrapbox">
			<div class="regist1">
				<img src="img/common/protocal_logo.png" />
				<span class="regist_txt">蓝聘</span>
			</div>
			<div class="mainbox">
				<div class="registimg">
					<img src="img/login/registimg.png" />
				</div>
				<div class="registbox">
					<div class="regist2">
						<div class="main_con1_btn">
							<span class="con1_login logincur" id="loginbtn">登录</span>
							<span class="con1_regist logincur2" id="registbtn">注册</span>
						</div>
						<div class="main_con1_input" style="display: block;" id="loginBox">
							<div class="errorMsg">
								<div class="errorMsg2" id="error1">
									<div class="error1"><img src="img/login/error.png"></div>
									<div class="error1 errtip" id="error2"></div>
								</div>
							</div>
							<div class="main_con1_input1">
								<div class="regist_input1">
									<input type="text" class="regist_phone2" placeholder="请输入手机号码" id="loginPhone" maxlength="11" />
								</div>
								<div class="regist_input2">
									<input type="password" class="regist_pwd2" placeholder="请输入6-16位密码" id="loginPwd" maxlength="16" />
								</div>
								<input type="checkbox" id="checkbox" /><span class="remeber">记住密码</span><span class="forget" onclick="window.open('forgetpwd.html')">忘记密码?</span>
								<input type="button" class="con1_loginbtn" id="login_btn" value="登录" />
							</div>
						</div>

						<div class="main_con1_input" style="display: none;" id="registBox">
							<div class="errorMsg">
								<div class="errorMsg2" id="error3">
									<div class="error1"><img src="img/login/error.png"></div>
									<div class="error1 errtip" id="error4"></div>
								</div>
							</div>
							<div class="main_con1_input2">
								<div class="regist_input1">
									<input type="text" class="regist_phone2" placeholder="请输入手机号码" id="registPhone" maxlength="11" />
								</div>
								<div class="regist_input2">
									<input type="password" class="regist_pwd2" placeholder="请输入6-16位密码" id="registPwd" maxlength="16" />
								</div>
								<div class="regist_input3">
									<input type="text" class="regist_code2" placeholder="请输入验证码" id="code" maxlength="6" /><span style="color: #DDDDDD;">|</span>
									<button class="regist_code3" id="code_btn">获取验证码</button>
								</div>
								<div class="protocal">
									<input type="checkbox" id="registcheck" />
									<span class="protocaltxt">我已阅读并同意</span>
									<a href="javascript:;" onclick="window.open('protocal.html')">用户协议</a>
								</div>
								<div class="regist_btn" id="regist_btn">注册</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- 注册成功弹出层 -->
		<div class="errorbox" style="display: none;">
			<div class="errcover"></div>
			<div class="errorcon">
				<img src="img/common/warn.png" class="errorimg">
				<div class="errortext">注册成功</div>
			</div>
		</div>

		<script type="text/javascript" src="js/jquery/jquery-2.1.4.min.js"></script>
		<script type="text/javascript" src="js/jquery/jquery.base64.js"></script>
		<script type="text/javascript" src="js/util/spin.min.js"></script>
		<script type="text/javascript" src="js/util/md5.js"></script>
		<script type="text/javascript" src="js/util/util.js"></script>
		<script type="text/javascript" src="blue/common.js"></script>
		<script type="text/javascript" src="blue/server.js"></script>
		<script type="text/javascript" src="blue/login/regist.js"></script>

		<script type="text/javascript">
			$("#registbtn").click(function() {
				$("#loginBox").hide();
				$("#registBox").show();
				$(this).addClass("logincur");
				$(this).removeClass("logincur2");
				$("#loginbtn").addClass("logincur2");
				$("#loginbtn").removeClass("logincur");
			})
			$("#loginbtn").click(function() {
				$("#loginBox").show();
				$("#registBox").hide();
				$(this).addClass("logincur");
				$(this).removeClass("logincur2");
				$("#registbtn").addClass("logincur2");
				$("#registbtn").removeClass("logincur");
			})
		</script>
	</body>

</html>